<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>

    <!-- 
        1.select标签和option表单属于 表单双标签 ： 既有表单特殊属性value，也有双标签特殊属性text
        2.select标签value属性只会获取里面的option的value值，不会获取select自己的value值。
        3.当option标签，value与text同时存在。 select标签优先获取value值.btn-success
        4.如果option标签没有value值，则select标签的value获取的是option的text属性值

    实际开发中 ： 用户看到的文本放入text中，服务器需要的id放入value中。 （value优先级高于text）

     -->
    <select name="" id="sel" value="666">
        <option value="1">爱生活</option>
        <option value="2">爱美食</option>
        <option value="3">爱旅行</option>
        <option value="4">爱学习</option>
    </select>
</body>
</html>